$font: 12px;
$font-lg: 14px;
$font-big: 16px;
$fc: #666;
$fc-3: #333;
$fc-ahover: #52e2c0;
$bg: #f5f5f5;
$bg-white: #fff;
$bg-bule: #1572bf;
$bg-red: #e67173;
$bg-green: #5fb690;
$bg-pink: #e959a0;
$bg-dark-red: #b60000;
$border-color: #ededed;
$z-index-placehold: -1;
$z-index-img: 1;
$z-index-head: 100;
$z-index-pop: 999;
$z-index-overlay: 9999;
@mixin box-shadow($shadow...){
  -webkit-box-shadow: $shadow;
  box-shadow: $shadow;
}
@mixin scale3d($scale...){
  -webkit-transform: rotate3d($scale);
  transform: rotate3d($scale);
}
@mixin border-radius($num){
  -webkit-border-radius: $num;
  border-radius: $num;
}